// ? 红色
$color-red:red;

// ? 3度黑
$color-black-dark:#333;

// ? 极浅灰
$color-grey-veryLight:#eee;

// ? 浅灰
$color-grey-light:#b0b0b0;

// ? 中灰
$color-grey-middle:#424242;

// ? 白色
$color-white:#fff;

// ? 灰色
$color-grey:#ccc;

// ? 橙色
$color-orange:orange;

// ? 黄色
$color-yellow:yellow;

// ? 黑色
$color-black:#000;

// ? main部分背景色
$color-grey-main:#f5f5f5;

// * 版心宽度
$width-banner:122.6rem;

// * 二级菜单
@mixin menu-primary-style{
    position: absolute;
    width: 122.6rem;
    height: 23rem;
    box-shadow: 0 0 .5rem $color-grey;
    left: 15.5rem;
    display: none;
}
// * 二级菜单 li
@mixin menu-li-style {
    width: 20.4rem;
    height: 20.1rem;
    float: left;
    text-align: center;
    line-height: 3rem;
}
// * 二级菜单 img
@mixin menu-img-style {
    height: 12rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
}
// * 二级菜单 span1
@mixin menu-span1-style {
    display: block;
    color: $color-grey-middle;
}
// * 二级菜单 span2
@mixin menu-span2-style {
    display: block;
    color: $color-orange;
}

//  * 导航栏列表的二级菜单 
@mixin  navList-primary-style {
    width: 99.2rem;
    height: 46rem;
    box-shadow: 0 0 2rem $color-grey;
    display: none;
}

//  * 导航栏列表的二级菜单 li
@mixin  navList-li-style{
    box-sizing: border-box;
        width: 24.8rem;
        float: left;
        line-height: 2rem;
        font-size: 1.6rem;
        padding-left: 2.5rem;
}

//  * 导航栏列表的二级菜单 img
@mixin  navList-img-style{
    padding-top: 2rem;
}